<script lang="ts">
  import Classroom from "../../../components/Classroom/Classroom.svelte";
  import {classroomIndex} from "../stores";
</script>

<div class="h-full flex flex-1 items-center h-full gap-4">
  <div class="basis-1/5">
    <Classroom label="一号教室" active={$classroomIndex===0}/>
  </div>
  <div class="basis-1/5">
    <Classroom label="二号教室" active={$classroomIndex===1}/>
  </div>
  <div class="basis-1/5">
    <Classroom label="三号教室" active={$classroomIndex===2}/>
  </div>
  <div class="basis-1/5">
    <Classroom label="四号教室" active={$classroomIndex===3}/>
  </div>
  <div class="basis-1/5">
    <Classroom label="五号教室" active={$classroomIndex===4}/>
  </div>
</div>
